<template>
  <view>
    <view class="content" v-for="(item,index) in list" :key="index">
      <image :src="item.imgUrl" mode='aspectFit' class="img" />
      <view class="main-txt">
        <view class="title">
          {{item.name}}
        </view>
        <view class="size">
          {{item.color}}；{{item.size}}
        </view>
      </view>
      <view class="">
        <view class="">
          ¥{{item.price}}
        </view>
        <view class="">
          *{{item.num}}
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    props: {
      list: {
        type: Array,
        default: []
      }
    }
  }
</script>

<style scoped lang="scss">
  .content {
    background-color: #f7f7f7;
    padding: 10rpx $pd20;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .img {
      width: 160rpx;
      height: 160rpx;
    }

    .main-txt {
      .size {
        font-size: 24rpx
      }
    }
  }
</style>
